var activeer = {};

activeer.activeer = function() {
    if (ajax.bezig) {
        return;
    }
    
    ajax.bezig = true;
    
    $('#ajaxLoader').show();
    $('fieldset').hide();
    $('p').hide();
    
    var fd = new FormData();
        fd.append('wachtwoord',$('#wachtwoord').val());
        fd.append('wachtwoordbevestig',$('#wachtwoordbevestig').val());
        fd.append('idpersoon',$('#idpersoon').val());
        
    ajax.oAjax = $.ajax({
        url: '/Aanmelden/Activeer/activeer/1',
        type: 'post',
        dataType: 'json',
        data: fd,
        processData: false,
        contentType: false,
        cache: false,
        success: activeer.succes,
        error: activeer.mislukt,
        timeout: ajax.timeout
    });
};

activeer.succes = function(data) {
    if (data.resultaat) {
        var html  = '<div class="alert alert-success alert-dismissable">';
        html += '<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>';
        html += '<h4>Succes</h4>';
        if (data.boodschap) {
            html += data.boodschap;
        } else {
            html += '<p>Uw account is succesvol geactiveerd... Meld je nu opnieuw aan...</p>';
        }
        html += '</div>'; 
        $('#activeerAccount').hide();
    } else {
        var html  = '<div class="alert alert-warning alert-dismissable">';
            html += '<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>';
            html += '<h4>Fout</h4>';
            if (data.boodschap) {
                html += data.boodschap;
            } else {
                html += '<p>Er heeft zich een fout voorgedaan tijdens het activeren van uw account</p>';
            }
            html += '</div>';
            $('fieldset').show();
            $('p').show();
    } 
    $('#boodschap').html(html);    
    $('html,body').animate({scrollTop: 0},{duration: 500});
    $('#ajaxLoader').hide();
    ajax.reset();
};

activeer.mislukt = function(jQXHR,jQMsg) {
    ajax.oAjax.abort();
    $('#ajaxLoader').hide();
    $('fieldset').show();
    $('p').show();
    ajax.reset();
};

$(document).ready(function() {
    $('#wachtwoordopslaan').bind({
        click: function() {
            $('#formulier').submit();
        }
    });
    
    $('#formulier').validate({
        rules: {
            wachtwoord: {
                required: true,
                paswoord: true
            },
            wachtwoordbevestig: {
                equalTo: '#wachtwoord'
            }
        },
        submitHandler: function(form) {
            activeer.activeer();
        }
    });
});